<template>
  <div>
    <Header></Header>
    <div>
      <img src="../../public/header.png" alt="" />
    </div>
    <div class="mian">
      <Nav></Nav>
      <router-view />
    </div>
    <Footer></Footer>
  </div>
</template>

<script>
import Header from "../components/Header.vue";
import Footer from "../components/Footer.vue";
import Nav from "../components/Nav.vue";
export default {
  data() {
    return {};
  },
  name: "mainpage",
  components: { Header, Footer, Nav },
};
</script>

<style scoped>
.mian{
    width: 1200px;
    margin: auto;
}
</style>
